<template>
    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
        <div style="color: #aaaaaa" v-show="status == 0">提交订单</div>
        <div style="color: #aaaaaa" v-show="status == 1">付款成功</div>
        <div style="color: #aaaaaa" v-show="status == 2">商品出库</div>
        <div style="color: #aaaaaa" v-show="status == 3">等待收货</div>
        <div style="color: #aaaaaa" v-show="status == 4">完成</div>
        <div class="order-detail" @click="this.$router.push({path: '/orderDetail', query: {id: id}})"> 订单详情 </div>
    </div>
</template>

<script>
export default {
    props: {
        status: Number,
        id: Number
    }
}
</script>

<style scoped>
.order-detail:hover {
    color: #3271ae;
    cursor: pointer;
}
</style>